<div>
    <div class="memberTop mt20 p10 mb20 hei40">
        <ul class="hei40 fl">
            <li class="lineH40">
                <a href="">会员管理</a>
            </li>
            <span>/</span>
            <li>
                <a href="">会员列表</a>
            </li>
        </ul>
        <div class="fr mt10">
            <button class="btn btn-danger btn-xs" ng-click="openModal()"><span><i class="glyphicon glyphicon-plus"></i></span> 会员</button>
            <button class="btn btn-default btn-xs"><span><i class="glyphicon glyphicon-th"></i></span> 标签管理</button>
            <button class="btn btn-default btn-xs"><span><i class="glyphicon glyphicon-arrow-down"></i></span> 导入会员</button>
            <button class="btn btn-default btn-xs"><span><i class="glyphicon glyphicon-share-alt"></i></span> 导出会员</button>
        </div>
    </div>
</div>


<!--tabs切换-->
<div class="memberList p10">
    <uib-tabset type="tabs" active="active">
        <uib-tab index="0" heading="全部会员">
            <div>
                <p class="bb hei40 lineH40 mt10 pl10 bt mb20">会员列表<a>  <span class="badge">{{nums.count}}</span></a></p>
            </div>
            <div class="row pad10">
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>累计会员人数</h3>
                        <span>{{nums.count}}</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>今天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>近30天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
            </div>
            <form class="form-inline p10 mt20 mb20" role="form">
                <div class="form-group" uib-tooltip="请选择场馆">
                    <select>
                    </select>
                </div>
                <div class="form-group" uib-tooltip="会员卡状态">
                    <select></select>
                </div>
                <div class="form-group" uib-tooltip="请输入会员卡号">
                    <input type="text" class="form-control input-sm" placeholder="卡号">
                </div>
                <div class="form-group" uib-tooltip="请输入会员手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会员手机或姓名">
                </div>
                <div class="form-group" uib-tooltip="请输入会籍顾问手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会籍手机或姓名">
                </div>
                <button class="btn btn-info btn-sm"><span><i class="glyphicon glyphicon-search"></i></span> 查询</button>
                <button class="btn btn-danger btn-sm"><span><i class="glyphicon glyphicon-backward"></i></span> 重置</button>
            </form>
            <table class="table table-striped table-bordered table-hover textC">
                <thead>
                <tr>
                    <th>会员</th>
                    <th>头像</th>
                    <th>手机</th>
                    <th>使用卡号</th>
                    <th>卡状态</th>
                    <th>卡类型</th>
                    <th>会籍顾问</th>
                    <th>场馆</th>
                    <th>性别</th>
                    <th>注册日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="member in members">
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>

                    <td>{{member.salesperson_name}}<br>
                        {{member.salesperson_mobile}}
                    </td>
                    <td>{{member.registe_venue_name}}</td>
                    <td>{{member.sex}}</td>
                    <td>{{member.registe_date | date:"yyyy-MM-dd hh:mm:ss"}}</td>
                    <td><button ng-click="edit(member.id)"><span><i class="glyphicon glyphicon-th" uib-tooltip="详情"></i></span></button>
                        <button ng-click="openModal()"><span><i class="glyphicon glyphicon-pencil" uib-tooltip="修改"></i></span></button></td>
                </tr>
                </tbody>
            </table>
            <!--分页-->
            <div class="row textC">

                <uib-pagination total-items="pages.totalPages" ng-model="pages.currentPage" items-per-page="pages.pageSize"
                                max-size="pages.maxSize" ng-change="changePages(pages.currentPage)" previous-text="上一页" next-text="下一页">
                </uib-pagination>
            </div>

        </uib-tab>
        <uib-tab index="1" heading="正式会员">
            <div>
                <p class="bb hei40 lineH40 mt10 pl10 bt mb20">会员列表<a>  <span class="badge">{{nums.count}}</span></a></p>
            </div>
            <div class="row pad10">
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>累计会员人数</h3>
                        <span>{{nums.count}}</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>今天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>近30天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
            </div>
            <form class="form-inline p10 mt20 mb20" role="form">
                <div class="form-group" uib-tooltip="请选择场馆">
                    <select>
                    </select>
                </div>
                <div class="form-group" uib-tooltip="会员卡状态">
                    <select></select>
                </div>
                <div class="form-group" uib-tooltip="请输入会员卡号">
                    <input type="text" class="form-control input-sm" placeholder="卡号">
                </div>
                <div class="form-group" uib-tooltip="请输入会员手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会员手机或姓名">
                </div>
                <div class="form-group" uib-tooltip="请输入会籍顾问手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会籍手机或姓名">
                </div>
                <button class="btn btn-info btn-sm"><span><i class="glyphicon glyphicon-search"></i></span> 查询</button>
                <button class="btn btn-danger btn-sm"><span><i class="glyphicon glyphicon-backward"></i></span> 重置</button>
            </form>
            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>会员</th>
                    <th>头像</th>
                    <th>手机</th>
                    <th>使用卡号</th>
                    <th>卡状态</th>
                    <th>卡类型</th>
                    <th>会籍顾问</th>
                    <th>场馆</th>
                    <th>性别</th>
                    <th>注册日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="member in members">
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>

                    <td>{{member.salesperson_name}}
                        {{member.salesperson_mobile}}
                    </td>
                    <td>{{member.registe_venue_name}}</td>
                    <td>{{member.sex}}</td>
                    <td>{{member.registe_date}}</td>
                    <td>Bangalore</td>
                </tr>
                </tbody>
            </table>
        </uib-tab>
        <uib-tab index="2" heading="意向会员">
            <div>
                <p class="bb hei40 lineH40 mt10 pl10 bt mb20">会员列表<a>  <span class="badge">{{nums.count}}</span></a></p>
            </div>
            <div class="row pad10">
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>累计会员人数</h3>
                        <span>{{nums.count}}</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>今天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="Statistical border textC">
                        <h3>近30天新增会员人数</h3>
                        <span>0</span>
                    </div>
                </div>
            </div>
            <form class="form-inline p10 mt20 mb20" role="form">
                <div class="form-group" uib-tooltip="请选择场馆">
                    <select>
                    </select>
                </div>
                <div class="form-group" uib-tooltip="会员卡状态">
                    <select></select>
                </div>
                <div class="form-group" uib-tooltip="请输入会员卡号">
                    <input type="text" class="form-control input-sm" placeholder="卡号">
                </div>
                <div class="form-group" uib-tooltip="请输入会员手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会员手机或姓名">
                </div>
                <div class="form-group" uib-tooltip="请输入会籍顾问手机或名字">
                    <input type="text" class="form-control input-sm" placeholder="会籍手机或姓名">
                </div>
                <button class="btn btn-info btn-sm"><span><i class="glyphicon glyphicon-search"></i></span> 查询</button>
                <button class="btn btn-danger btn-sm"><span><i class="glyphicon glyphicon-backward"></i></span> 重置</button>
            </form>
            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>会员</th>
                    <th>头像</th>
                    <th>手机</th>
                    <th>使用卡号</th>
                    <th>卡状态</th>
                    <th>卡类型</th>
                    <th>会籍顾问</th>
                    <th>场馆</th>
                    <th>性别</th>
                    <th>注册日期</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="member in members">
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>
                    <td>{{member.name}}</td>
                    <td>Bangalore</td>
                    <td>{{member.mobile}}</td>

                    <td>{{member.salesperson_name}}
                        {{member.salesperson_mobile}}
                    </td>
                    <td>{{member.registe_venue_name}}</td>
                    <td>{{member.sex}}</td>
                    <td>{{member.registe_date}}</td>
                    <td>Bangalore</td>
                </tr>
                </tbody>
            </table>
        </uib-tab>
    </uib-tabset>
</div>